﻿<ul class="page-sidebar-menu">

    <li>

        <!-- BEGIN SIDEBAR TOGGLER BUTTON -->

        <div class="sidebar-toggler hidden-phone"></div>

        <!-- BEGIN SIDEBAR TOGGLER BUTTON -->

    </li>

    <li>

        <!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->

        <form class="sidebar-search">

            <div class="input-box">

                <a href="javascript:;" class="remove"></a>

                <input type="text" placeholder="Search..." />

                <input type="button" class="submit" value=" " />

            </div>

        </form>

        <!-- END RESPONSIVE QUICK SEARCH FORM -->

    </li>

    <li class="start ">

        <a href="/">

            <i class="icon-home"></i>

            <span class="title">主页</span>

        </a>

    </li>

    <li class="active ">

        <a href="javascript:;">

            <i class="icon-cogs"></i>

            <span class="title">Layouts</span>

            <span class="selected"></span>

            <span class="arrow open"></span>

        </a>

        <ul class="sub-menu">

            <li>

                <a href="layout_horizontal_sidebar_menu.html">

                    Horzontal & Sidebar Menu
                </a>

            </li>

            <li>

                <a href="layout_horizontal_menu1.html">

                    Horzontal Menu 1
                </a>

            </li>

            <li>

                <a href="layout_horizontal_menu2.html">

                    Horzontal Menu 2
                </a>

            </li>

            <li>

                <a href="layout_promo.html">

                    Promo Page
                </a>

            </li>

            <li>

                <a href="layout_email.html">

                    Email Templates
                </a>

            </li>

            <li>

                <a href="layout_ajax.html">

                    Content Loading via Ajax
                </a>

            </li>

            <li>

                <a href="layout_sidebar_closed.html">

                    Sidebar Closed Page
                </a>

            </li>

            <li class="active">

                <a href="layout_blank_page.html">

                    Blank Page
                </a>

            </li>

            <li>

                <a href="layout_boxed_page.html">

                    Boxed Page
                </a>

            </li>

            <li>

                <a href="layout_boxed_not_responsive.html">

                    Non-Responsive Boxed Layout
                </a>

            </li>

        </ul>

    </li>

    <li class="">

        <a href="javascript:;">

            <i class="icon-bookmark-empty"></i>

            <span class="title">UI Features</span>

            <span class="arrow "></span>

        </a>

        <ul class="sub-menu">

            <li>

                <a href="ui_general.html">

                    General
                </a>

            </li>

            <li>

                <a href="ui_buttons.html">

                    Buttons
                </a>

            </li>

            <li>

                <a href="ui_modals.html">

                    Enhanced Modals
                </a>

            </li>

            <li>

                <a href="ui_tabs_accordions.html">

                    Tabs & Accordions
                </a>

            </li>

            <li>

                <a href="ui_jqueryui.html">

                    jQuery UI Components
                </a>

            </li>

            <li>

                <a href="ui_sliders.html">

                    Sliders
                </a>

            </li>

            <li>

                <a href="ui_tiles.html">

                    Tiles
                </a>

            </li>

            <li>

                <a href="ui_typography.html">

                    Typography
                </a>

            </li>

            <li>

                <a href="ui_tree.html">

                    Tree View
                </a>

            </li>

            <li>

                <a href="ui_nestable.html">

                    Nestable List
                </a>

            </li>

        </ul>

    </li>

    <li class="">

        <a href="javascript:;">

            <i class="icon-table"></i>

            <span class="title">Form Stuff</span>

            <span class="arrow "></span>

        </a>

        <ul class="sub-menu">

            <li>

                <a href="form_layout.html">

                    Form Layouts
                </a>

            </li>

            <li>

                <a href="form_samples.html">

                    Advance Form Samples
                </a>

            </li>

            <li>

                <a href="form_component.html">

                    Form Components
                </a>

            </li>

            <li>

                <a href="form_wizard.html">

                    Form Wizard
                </a>

            </li>

            <li>

                <a href="form_validation.html">

                    Form Validation
                </a>

            </li>

            <li>

                <a href="form_fileupload.html">

                    Multiple File Upload
                </a>

            </li>

            <li>

                <a href="form_dropzone.html">

                    Dropzone File Upload
                </a>

            </li>

        </ul>

    </li>

    <li class="">

        <a href="javascript:;">

            <i class="icon-briefcase"></i>

            <span class="title">Pages</span>

            <span class="arrow "></span>

        </a>

        <ul class="sub-menu">

            <li>

                <a href="page_timeline.html">

                    <i class="icon-time"></i>

                    Timeline
                </a>

            </li>

            <li>

                <a href="page_coming_soon.html">

                    <i class="icon-cogs"></i>

                    Coming Soon
                </a>

            </li>

            <li>

                <a href="page_blog.html">

                    <i class="icon-comments"></i>

                    Blog
                </a>

            </li>

            <li>

                <a href="page_blog_item.html">

                    <i class="icon-font"></i>

                    Blog Post
                </a>

            </li>

            <li>

                <a href="page_news.html">

                    <i class="icon-coffee"></i>

                    News
                </a>

            </li>

            <li>

                <a href="page_news_item.html">

                    <i class="icon-bell"></i>

                    News View
                </a>

            </li>

            <li>

                <a href="page_about.html">

                    <i class="icon-group"></i>

                    About Us
                </a>

            </li>

            <li>

                <a href="page_contact.html">

                    <i class="icon-envelope-alt"></i>

                    Contact Us
                </a>

            </li>

            <li>

                <a href="page_calendar.html">

                    <i class="icon-calendar"></i>

                    Calendar
                </a>

            </li>

        </ul>

    </li>

    <li class="">

        <a href="javascript:;">

            <i class="icon-gift"></i>

            <span class="title">Extra</span>

            <span class="arrow "></span>

        </a>

        <ul class="sub-menu">

            <li>

                <a href="extra_profile.html">

                    User Profile
                </a>

            </li>

            <li>

                <a href="extra_lock.html">

                    Lock Screen
                </a>

            </li>

            <li>

                <a href="extra_faq.html">

                    FAQ
                </a>

            </li>

            <li>

                <a href="inbox.html">

                    Inbox
                </a>

            </li>

            <li>

                <a href="extra_search.html">

                    Search Results
                </a>

            </li>

            <li>

                <a href="extra_invoice.html">

                    Invoice
                </a>

            </li>

            <li>

                <a href="extra_pricing_table.html">

                    Pricing Tables
                </a>

            </li>

            <li>

                <a href="extra_image_manager.html">

                    Image Manager
                </a>

            </li>

            <li>

                <a href="extra_404_option1.html">

                    404 Page Option 1
                </a>

            </li>

            <li>

                <a href="extra_404_option2.html">

                    404 Page Option 2
                </a>

            </li>

            <li>

                <a href="extra_404_option3.html">

                    404 Page Option 3
                </a>

            </li>

            <li>

                <a href="extra_500_option1.html">

                    500 Page Option 1
                </a>

            </li>

            <li>

                <a href="extra_500_option2.html">

                    500 Page Option 2
                </a>

            </li>

        </ul>

    </li>

    <li>

        <a class="active" href="javascript:;">

            <i class="icon-sitemap"></i>

            <span class="title">3 Level Menu</span>

            <span class="arrow "></span>

        </a>

        <ul class="sub-menu">

            <li>

                <a href="javascript:;">

                    Item 1

                    <span class="arrow"></span>

                </a>

                <ul class="sub-menu">

                    <li><a href="#">Sample Link 1</a></li>

                    <li><a href="#">Sample Link 2</a></li>

                    <li><a href="#">Sample Link 3</a></li>

                </ul>

            </li>

            <li>

                <a href="javascript:;">

                    Item 1

                    <span class="arrow"></span>

                </a>

                <ul class="sub-menu">

                    <li><a href="#">Sample Link 1</a></li>

                    <li><a href="#">Sample Link 1</a></li>

                    <li><a href="#">Sample Link 1</a></li>

                </ul>

            </li>

            <li>

                <a href="#">

                    Item 3

                </a>

            </li>

        </ul>

    </li>

    <li>

        <a href="javascript:;">

            <i class="icon-folder-open"></i>

            <span class="title">4 Level Menu</span>

            <span class="arrow "></span>

        </a>

        <ul class="sub-menu">

            <li>

                <a href="javascript:;">

                    <i class="icon-cogs"></i>

                    Item 1

                    <span class="arrow"></span>

                </a>

                <ul class="sub-menu">

                    <li>

                        <a href="javascript:;">

                            <i class="icon-user"></i>

                            Sample Link 1

                            <span class="arrow"></span>

                        </a>

                        <ul class="sub-menu">

                            <li><a href="#"><i class="icon-remove"></i> Sample Link 1</a></li>

                            <li><a href="#"><i class="icon-pencil"></i> Sample Link 1</a></li>

                            <li><a href="#"><i class="icon-edit"></i> Sample Link 1</a></li>

                        </ul>

                    </li>

                    <li><a href="#"><i class="icon-user"></i>  Sample Link 1</a></li>

                    <li><a href="#"><i class="icon-external-link"></i>  Sample Link 2</a></li>

                    <li><a href="#"><i class="icon-bell"></i>  Sample Link 3</a></li>

                </ul>

            </li>

            <li>

                <a href="javascript:;">

                    <i class="icon-globe"></i>

                    Item 2

                    <span class="arrow"></span>

                </a>

                <ul class="sub-menu">

                    <li><a href="#"><i class="icon-user"></i>  Sample Link 1</a></li>

                    <li><a href="#"><i class="icon-external-link"></i>  Sample Link 1</a></li>

                    <li><a href="#"><i class="icon-bell"></i>  Sample Link 1</a></li>

                </ul>

            </li>

            <li>

                <a href="#">

                    <i class="icon-folder-open"></i>

                    Item 3

                </a>

            </li>

        </ul>

    </li>

    <li class="">

        <a href="javascript:;">

            <i class="icon-user"></i>

            <span class="title">Login Options</span>

            <span class="arrow "></span>

        </a>

        <ul class="sub-menu">

            <li>

                <a href="login.html">

                    Login Form 1
                </a>

            </li>

            <li>

                <a href="login_soft.html">

                    Login Form 2
                </a>

            </li>

        </ul>

    </li>

    <li class="">

        <a href="javascript:;">

            <i class="icon-th"></i>

            <span class="title">Data Tables</span>

            <span class="arrow "></span>

        </a>

        <ul class="sub-menu">

            <li>

                <a href="table_basic.html">

                    Basic Tables
                </a>

            </li>

            <li>

                <a href="table_responsive.html">

                    Responsive Tables
                </a>

            </li>

            <li>

                <a href="table_managed.html">

                    Managed Tables
                </a>

            </li>

            <li>

                <a href="table_editable.html">

                    Editable Tables
                </a>

            </li>

            <li>

                <a href="table_advanced.html">

                    Advanced Tables
                </a>

            </li>

        </ul>

    </li>

    <li class="">

        <a href="javascript:;">

            <i class="icon-file-text"></i>

            <span class="title">Portlets</span>

            <span class="arrow "></span>

        </a>

        <ul class="sub-menu">

            <li>

                <a href="portlet_general.html">

                    General Portlets
                </a>

            </li>

            <li>

                <a href="portlet_draggable.html">

                    Draggable Portlets
                </a>

            </li>

        </ul>

    </li>

    <li class="">

        <a href="javascript:;">

            <i class="icon-map-marker"></i>

            <span class="title">Maps</span>

            <span class="arrow "></span>

        </a>

        <ul class="sub-menu">

            <li>

                <a href="maps_google.html">

                    Google Maps
                </a>

            </li>

            <li>

                <a href="maps_vector.html">

                    Vector Maps
                </a>

            </li>

        </ul>

    </li>

    <li class="last ">

        <a href="charts.html">

            <i class="icon-bar-chart"></i>

            <span class="title">Visual Charts</span>

        </a>

    </li>

</ul>